@extends('steward.layoutList')
@section('css')
    <style>
        .col-extend-css {
            width:100%;
            text-align: left;
        }
    </style>

@endsection
@section('title')
    <li @if($id == 1)class="cur"@endif>
        <a href="/lar/steward/goods/list_1"><span>上架商品列表</span></a>
    </li>
    <li @if($id == 0)class="cur"@endif>
        <a href="/lar/steward/goods/list_0"><span>下架商品列表</span></a>
    </li>
@endsection
@section('search')
    <div class="form-group">
        <label for="product_code">商品编码：</label>
        <input type="text" placeholder="请输入商品编码" class="form-control" name="product_code" id="product_code">&nbsp;&nbsp;
    </div>
    <div class="form-group">
        <label for="barcode">条形码：</label>
        <input type="text" placeholder="请输入条形码" class="form-control" name="barcode" id="barcode">&nbsp;&nbsp;
    </div>
    <div class="form-group">
        <label for="goods_name">商品名称：</label>
        <input type="text" placeholder="请输入商品名称" class="form-control" name="goods_name" id="goods_name">
    </div>
    <div style="height:15px;"></div>
    {{--<div class="form-group">--}}
        {{--<lable for="bigCategoryID">商品分类：</lable>--}}
        {{--<select name="bigCategoryID"  class="form-control" id="bigCategoryID">--}}
            {{--<option value="">请选择</option>--}}
        {{--</select>--}}
        {{--<select name="midCategoryID"  class="form-control">--}}
            {{--<option value="" >请选择</option>--}}
        {{--</select>--}}
        {{--<select name="smallCategoryID"  class="form-control">--}}
            {{--<option value="" >请选择</option>--}}
        {{--</select>&nbsp;&nbsp;--}}
    {{--</div>--}}
    <div class="form-group">
        <label >价格范围：</label>
        <input type="text" placeholder="请输入开始价格" class="form-control" name="price_min" id="price_min" onblur="goods.checkPrice();"> 至
        <input type="text" placeholder="请输入结束价格" class="form-control" name="price_max" id="price_max" onblur="goods.checkPrice();">
    </div>
@endsection
@section('tb-head')
    <a href="javascript:void(0)" class="forsale all" data_type="{{ $id }}" style="margin-left:20px;">批量@if($id ==1)下架@else上架@endif</a>
@endsection
@section('js')
    <script>

        var id = '{{ $id }}';
        var bootstrap_table_ajax_url = '/lar/steward/goods/search/'+id;

        bootstrap_table({
            sortName : 'goods_master.timeStamp',
            sortOrder : 'desc',
            columns: [ //字段
                { title: 'checkStatus',checkbox : true},
                { title: '操作', field: 'operation', align: 'center' , width:'120px' },
                { title: '商品状态', field: 'forsale', align: 'center' , width:'100px' },
                { title: '商品名称',  field: 'goodsName', align: 'left' },
                { title: '商品编码/条形码', field: 'product_code', align: 'left', width:'150px' },
                { title: '价格', field: 'salePrice', align: 'left', width:'100px' },
                { title: '可售库存', field: 'enableSaleAmount', align: 'left', width:'100px' }
            ]
        });

        var goods = {

            checkPrice : function () {

                var price_min = $('#price_min').val();
                var price_max = $('#price_max').val();

                if(price_min && !E.isNum(price_min)){
                    layer.msg('请输入正确的价格',{icon:2,shade: [0.15, 'black'],offset:'120px',time:2000});
                    return false;
                }

                if(price_max && !E.isNum(price_max)){
                    layer.msg('请输入正确的价格',{icon:2,shade: [0.15, 'black'],offset:'120px',time:2000});
                    return false;
                }
                if(price_min && price_max && parseFloat(price_min) > parseFloat(price_max)){
                    layer.msg('开始价格不能大于结束价格',{icon:2,shade: [0.15, 'black'],offset:'120px',time:2000});
                }
            }
        };

        $(document).on('click','.spec_type',function(){
            var mainPostID = $(this).attr('data_id');
            layer.open({
                title:false,
                type : 2,
                area : ['100%','100%'],
                closeBtn:0 ,
                content : '/lar/steward/goods/spec_type/'+mainPostID
            })
        }).on('click','.forsale',function(){       //商品上下架操作
            var type = $(this).attr('data_type');           //操作方式
            var err_msg = '';                               //错误信息
            var title = '';                                 //提示
            var id_arr = [];                               //操作对象

            if(type == 1){
                title = '下架';
            }else{
                title = '上架';
            }

            if($(this).hasClass('all')){

                //批量操作
                var num_selected = 0;

                $('.selected').each(function(){
                    num_selected = 1;
                    var id = $(this).find('a').attr('data_id');
                    if(E.isInt(id) && id > 0 ){
                        id_arr.push(id);
                    }else {
                        err_msg = '参数错误，请刷新页面';
                    }
                })

                if(!num_selected){
                    layer.msg('请选择要操作的商品',{icon:2,shade: [0.15, 'black'],offset:'120px',time:2000});
                    return false;
                }
                title = '您确定将所选商品'+ title + '吗？';
            }else{

                //单独操作
                var id = $(this).attr('data_id');
                if ( E.isInt( id ) && id > 0 ) {
                    title = '您确定将该商品'+title+'吗？';
                    id_arr.push(id);
                } else {
                    err_msg = '参数错误，请刷新页面';
                }
            }

            if (err_msg) {
                layer.msg( err_msg , {icon: 2,shade: [0.15, 'black'],offset:'120px',time:1000});
                return false;
            }

            layer.confirm(title,{icon:3,offset:'50px'},function( index ){

                layer.close(index);

                E.ajax({
                    type:'get',
                    url:'/lar/steward/good/change_sale',
                    data: {
                        'type': type,
                        'flag': 0 ,   //0 主商品  1 规格商品
                        'data':id_arr
                    },
                    success: function (o) {
                        if(o.code == 200){
                            layer.msg(o.message,{icon:1,time:1000});
                            bootstrap_table_init();
                        }else{
                            layer.msg('操作失败',{icon:2,time:1000});
                        }
                    }
                });
            })
        })
    </script>
@endsection
